<template>
  <div class="marke">
    <div class="marke_div1">
      <img
        class="marke_div1_img1"
        :src="require('@/assets/imgs/Marketing/bg.png')"
        alt=""
      />
      <div class="marke_div1_text1">
        {{ $t("Marketing.Welcome") }}
        <span class="marke_div1_span1">{{ $t("Marketing.Marketing") }}</span
        >{{ $t("Marketing.Communitys") }}
      </div>
      <div class="marke_div1_text2" style="margin-top: 60px">
        {{ $t("Marketing.Community") }}
      </div>
      <div class="marke_div1_text2">{{ $t("Marketing.opportunity") }}</div>
      <div class="marke_div1_text2">{{ $t("Marketing.provided") }}</div>
    </div>
    <div class="marke_div2">
      <div class="marke_div2_child">
        <img
          class="marke_div2_img1"
          :src="require('@/assets/imgs/Marketing/pic12.png')"
          alt=""
        />
        <div class="marke_div2_child1">
          <div class="marke_div2_text1">
            {{ $t("Marketing.Signup")
            }}<span style="font-size: 60px; color: skyblue">{{
              $t("Marketing.only250")
            }}</span
            >{{ $t("Marketing.onceIntroduced")
            }}<span style="font-size: 60px; color: skyblue">{{
              $t("Marketing.only23000")
            }}</span>
          </div>
          <div class="marke_div2_text2">
            {{ $t("Marketing.Infinite") }}
          </div>
          <div class="marke_div2_text2">
            {{ $t("Marketing.Introducing") }}
          </div>
        </div>
      </div>
    </div>
    <div class="marke_div3">
      <div class="marke_div3_child">
        <div class="marke_div3_span"></div>
        <el-row>
          <el-col :span="12"
            ><img
              class="marke_div3_img1"
              :src="require('@/assets/imgs/Marketing/pic13.png')"
              alt=""
          /></el-col>
          <el-col style="padding: 185px 0 0 85px" :span="12"
            ><div class="marke_div3_text1">
              {{ $t("Marketing.Register") }}
            </div>
            <div class="marke_div3_text1">
              {{ $t("Marketing.subscription") }}
            </div>
            <div class="marke_div3_text1">
              {{ $t("Marketing.Blockchain") }}
            </div>
            <div class="marke_div3_text1">
              {{ $t("Marketing.Large") }}
            </div>
            <div class="marke_div3_text1">
              {{ $t("Marketing.Worldwide") }}
            </div>
            <div class="marke_div3_text1">
              {{ $t("Marketing.CKM") }}
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
    <div class="marke_div4">
      <div class="marke_div4_child">
        <div class="marke_div4_span"></div>
        <el-row>
          <el-col style="padding: 100px 0 0 72px" :span="12"
            ><div class="marke_div4_text">
              {{ $t("Marketing.Oriental") }}
            </div>
            <div class="marke_div4_text1">
              {{ $t("Marketing.invite") }}
            </div>
            <div class="marke_div4_text1">
              {{ $t("Marketing.Members") }}
            </div>
            <div class="marke_div4_text1">
              {{ $t("Marketing.compulsory") }}
            </div>
            <div class="marke_div4_text1">
              {{ $t("Marketing.expenses") }}
            </div>
            <div class="marke_div4_text1">
              {{ $t("Marketing.continuous") }}
            </div>
            <div class="marke_div4_text1">
              {{ $t("Marketing.bonus") }}
            </div>
          </el-col>
          <el-col :span="12"
            ><img
              class="marke_div4_img1"
              style="margin: 174px 17px 0 0"
              :src="require('@/assets/imgs/Marketing/pic14.png')"
              alt=""
          /></el-col>
        </el-row>
      </div>
    </div>
    <div class="marke_div5">
      <div class="marke_div5_child">
        <div class="marke_div5_text1">{{ $t("Marketing.Program") }}</div>
        <div class="marke_div5_text2">
          <div class="marke_div5_text2_child1">
            {{ $t("Marketing.LEVEL1") }}
          </div>
          <div class="marke_div5_text2_child2">
            {{ $t("Marketing.FREE1") }}
          </div>
          <img
            class="marke_div5_text2_img1"
            :src="require('@/assets/imgs/Marketing/pic15.png')"
            alt=""
          />
          <div class="marke_div5_text2_child3">
            {{ $t("Marketing.determine") }}
          </div>
          <div class="marke_div5_text2_child4">
            {{ $t("Marketing.subscriptions") }}
          </div>
        </div>
        <div class="marke_div5_text3">
          <div class="marke_div5_text3_child">
            {{ $t("Marketing.LEVEL2") }}
          </div>
          <div class="marke_div5_text3_child2">
            {{ $t("Marketing.FREE2") }}
          </div>
          <img
            class="marke_div5_text3_img1"
            :src="require('@/assets/imgs/Marketing/pic16.png')"
            alt=""
          />
          <div class="marke_div5_text3_child3">
            {{ $t("Marketing.registered") }}
          </div>
          <div class="marke_div5_text3_child4">{{ $t("Marketing.POINT") }}</div>
        </div>
        <div class="marke_div5_text3">
          <div class="marke_div5_text3_child">
            {{ $t("Marketing.LEVEL3") }}
          </div>
          <div class="marke_div5_text3_child2">
            {{ $t("Marketing.FREE3") }}
          </div>
          <img
            style="width: 252px; height: 213px; margin: 0"
            class="marke_div5_text3_img1"
            :src="require('@/assets/imgs/Marketing/pic17.png')"
            alt=""
          />
          <div class="marke_div5_text3_child3" style="margin-top: 15px">
            {{ $t("Marketing.complete") }}
          </div>
          <div class="marke_div5_text3_child4">
            {{ $t("Marketing.POINTs") }}
          </div>
        </div>
        <div class="marke_div5_text3">
          <div class="marke_div5_text3_child">
            {{ $t("Marketing.Level4") }}
          </div>
          <div class="marke_div5_text3_child2">
            {{ $t("Marketing.FREE4") }}
          </div>
          <img
            style="width: 100%; height: 193px; margin: 0"
            class="marke_div5_text3_img1"
            :src="require('@/assets/imgs/Marketing/pic18.png')"
            alt=""
          />
          <div class="marke_div5_text3_child3">
            {{ $t("Marketing.registereds") }}
          </div>
          <div class="marke_div5_text3_child4">
            {{ $t("Marketing.POINTs1") }}
          </div>
        </div>
        <div class="marke_div5_text4">
          <div class="marke_div5_text3_child">
            {{ $t("Marketing.Level5") }}
          </div>
          <div class="marke_div5_text3_child2">
            {{ $t("Marketing.FREE5") }}
          </div>
          <img
            style="width: 100%; height: 193px; margin: 0"
            class="marke_div5_text3_img1"
            :src="require('@/assets/imgs/Marketing/pic19.png')"
            alt=""
          />
          <div class="marke_div5_text4_child3">{{ $t("Marketing.board") }}</div>
          <div class="marke_div5_text4_child4">
            {{ $t("Marketing.POINTs2") }}
          </div>
        </div>
      </div>
    </div>
    <div class="marke_div6">
      <div class="marke_div6_child">
        <div class="marke_div6_child_text1">
          {{ $t("Marketing.withdrawal") }}
        </div>
        <div class="marke_div6_child_text2" style="margin-top: 55px">
          {{ $t("Marketing.subscriptionsz") }}
        </div>
        <div class="marke_div6_child_text2">
          {{ $t("Marketing.Receive") }}
        </div>
        <div class="marke_div6_child_text2">
          {{ $t("Marketing.rewarded") }}
        </div>
        <img
          class="marke_div6_child_img1"
          :src="require('@/assets/imgs/Marketing/pic20.png')"
          alt=""
        />
      </div>
      <div class="marke_div6_child1">
        <div class="marke_div6_child1_text1">
          <div class="marke_div6_child1_text1s">
            {{ $t("Marketing.Activity") }}
          </div>
          <div class="marke_div6_child1_text2s">
            {{ $t("Marketing.follows") }}
          </div>
          <div class="marke_div6_child1_text3s">
            {{ $t("Marketing.accumulation") }}
          </div>
        </div>
      </div>
      <div class="marke_div6_child1" style="margin-top: 20px">
        <div class="marke_div6_child1_text1">
          <div class="marke_div6_child1_text1s">
            {{ $t("Marketing.NFTPOINT") }}
          </div>
          <div class="marke_div6_child1_text2s">
            {{ $t("Marketing.exchange") }}
          </div>
          <div class="marke_div6_child1_text3s">
            {{ $t("Marketing.qualification") }}
          </div>
        </div>
      </div>
      <div class="marke_div6_child1" style="margin-top: 20px">
        <div class="marke_div6_child1_text1">
          <div class="marke_div6_child1_text1s">
            {{ $t("Marketing.CKMINING") }}
          </div>
          <div class="marke_div6_child1_text2s">
            {{ $t("Marketing.motherboard") }}
          </div>
          <div class="marke_div6_child1_text3s">
            {{ $t("Marketing.certificates") }}
          </div>
        </div>
      </div>
    </div>
    <div class="marke_div7">
      <div class="marke_div7_child_text">
        {{ $t("Marketing.configuration") }}
      </div>
      <img
        class="marke_div7_child_img1"
        :src="require('@/assets/imgs/Marketing/pic21.png')"
        alt=""
      />
      <div class="marke_div7_child_text1">
        {{ $t("Marketing.Graduation") }}
      </div>
      <div class="marke_div7_child_text2">
        {{ $t("Marketing.finished") }}
      </div>
      <div class="marke_div7_child_text3">
        {{ $t("Marketing.Split") }}
      </div>
      <img
        class="marke_div7_child_img2"
        :src="require('@/assets/imgs/Marketing/pic22.png')"
        alt=""
      />
      <div class="marke_div7_child_text4">
        {{ $t("Marketing.Avatars") }}
      </div>
      <div class="marke_div7_child_text5">
        {{ $t("Marketing.moves") }}
      </div>
    </div>
    <div class="marke_div8">
      <div class="marke_div8_child">{{ $t("Marketing.descriptions") }}</div>
      <img
        class="marke_div8_child_img1"
        :src="require('@/assets/imgs/Marketing/pic23.png')"
        alt=""
      />
      <div class="marke_div8_child1_text">
        {{ $t("Marketing.boards") }}
      </div>
      <div class="marke_div8_child1_text1">
        {{ $t("Marketing.board2") }}
      </div>
      <div class="marke_div8_child1_text2">
        {{ $t("Marketing.graduate") }}
      </div>
    </div>
    <div class="marke_div9">
      <div class="marke_div9_child">
        {{ $t("Marketing.structure") }}
      </div>
      <img
        class="marke_div9_child_img1"
        :src="require('@/assets/imgs/Marketing/pic24.png')"
        alt=""
      />
      <div class="marke_div9_child3">{{ $t("Marketing.Sponsor") }}</div>
      <div class="marke_div9_child4">{{ $t("Marketing.Sponsors") }}</div>
      <div class="marke_div9_child5">{{ $t("Marketing.areaccrued") }}</div>
      <div class="marke_div9_child6">{{ $t("Marketing.haverecruited") }}</div>
      <div class="marke_div9_child7">{{ $t("Marketing.occursfrom") }}</div>
      <div class="marke_div9_child8">{{ $t("Marketing.Finished") }}</div>
    </div>
    <div class="marke_div10">
      <div class="marke_div10_child">
        {{ $t("Marketing.Points") }}
      </div>
      <img
        class="marke_div10_child_img1"
        :src="require('@/assets/imgs/Marketing/pic25.png')"
        alt=""
      />
      <div class="marke_div10_child1">
        {{ $t("Marketing.reversal") }}
      </div>
    </div>
    <div class="marke_div10">
      <div class="marke_div10_child">
        {{ $t("Marketing.membership") }}
      </div>
      <img
        class="marke_div10_child_img1"
        :src="require('@/assets/imgs/Marketing/pic26.png')"
        alt=""
      />
      <div class="marke_div10_child2">
        {{ $t("Marketing.purchase") }}
      </div>
      <div class="marke_div10_child2" style="color: #00b0f0">
        {{ $t("Marketing.invitee") }}
      </div>
    </div>
    <div class="marke_div11">
      <img
        class="marke_div11_child_img1"
        :src="require('@/assets/imgs/Marketing/pic27.png')"
        alt=""
      />
      <img
        class="marke_div11_child_img2"
        :src="require('@/assets/imgs/Marketing/pic28.png')"
        alt=""
      />
      <div class="marke_div11_child1">{{ $t("Marketing.Orientalso") }}</div>
      <div class="marke_div11_child2">
        {{ $t("Marketing.Consultation") }}
        <span style="color: #00b0f0">{{ $t("Marketing.msplaza") }}</span>
      </div>
      <div class="marke_div11_child3">{{ $t("Marketing.www") }}</div>
      <img
        class="marke_div11_child_img3"
        :src="require('@/assets/imgs/Marketing/pic29.png')"
        alt=""
      />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.marke {
  box-sizing: border-box;
  overflow: hidden;
}
.marke_div1 {
  width: 100%;
  height: 922px;
  background: #ffffff;
}
.marke_div1_img1 {
  margin-left: 312px;
  width: 1258px;
  height: 606px;
}
.marke_div1_text1 {
  margin: 0 0 0 199px;
  width: 1270px;
  height: 69px;
  font-size: 50px;
  font-family: Arial;
  font-weight: 400;
  color: #44546a;
  line-height: 164px;
}
.marke_div1_span1 {
  font-size: 60px;
  font-weight: 700;
}
.marke_div1_text2 {
  margin-left: 200px;
  width: 1373px;
  font-size: 36px;
  font-family: Arial;
  font-weight: 400;
  color: #44546a;
  line-height: 48px;
}
.marke_div2 {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 1080px;
  background: #f6f6f6;
}
.marke_div2_child {
  margin: 76px 73px;
  width: 1774px;
  height: 928px;
  background: #ffffff;
}
.marke_div2_img1 {
  float: left;
  margin-left: 42px;
  width: 736px;
  height: 738px;
}
.marke_div2_child1 {
  margin: 188px 0 0 38px;
  float: left;
}
.marke_div2_text1 {
  margin: 10px;
  width: 911px;
  font-size: 50px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 80px;
}
.marke_div2_text2 {
  margin: 10px;
  width: 911px;
  font-size: 50px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 80px;
}
.marke_div3 {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 1080px;
  background: #e3e3e3;
}
.marke_div3_child {
  position: relative;
  margin: 76px 73px;
  width: 1774px;
  height: 928px;
  background: #ffffff;
}
.marke_div3_img1 {
  margin: 16px 0 0 25px;
  width: 843px;
  height: 843px;
}
.marke_div3_span {
  position: absolute;
  top: 107px;
  left: 882px;
  width: 2px;
  height: 720px;
  background: #666666;
}
.marke_div3_text1 {
  width: 663px;
  font-size: 32px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 60px;
}
.marke_div4 {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 1080px;
  background: #ffffff;
}
.marke_div4_span {
  position: absolute;
  top: 107px;
  left: 950px;
  width: 2px;
  height: 759px;
  background: #666666;
}
.marke_div4_text {
  width: 742px;
  height: 31px;
  font-size: 32px;
  font-family: Arial;
  font-weight: bold;
  color: #666666;
  line-height: 100px;
}
.marke_div4_text1 {
  margin-top: 50px;
  width: 773px;
  font-size: 28px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 34px;
}
.marke_div5 {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 1080px;
  background: #e3e3e3;
}
.marke_div5_child {
  margin: 76px 71px;
  width: 1774px;
  height: 928px;
  background: #ffffff;
}
.marke_div5_text1 {
  margin: 42px 0 0 80px;
  width: 1570px;
  height: 61px;
  font-size: 64px;
  font-family: Arial;
  font-weight: bold;
  color: #666666;
  line-height: 100px;
}
.marke_div5_text2 {
  float: left;
  margin: 57px 0 0 34px;
  width: 393px;
  height: 720px;
  border: 3px solid #f4b183;
  border-radius: 10px;
}
.marke_div5_text2_child1 {
  margin: 30px 0 0 75px;
  width: 225px;
  height: 28px;
  font-size: 36px;
  font-family: Arial;
  font-weight: bold;
  color: #666666;
  line-height: 34px;
}
.marke_div5_text2_child2 {
  margin: 30px 0 0 129px;
  height: 29px;
  font-size: 30px;
  font-family: Arial;
  font-weight: bold;
  color: #4472c4;
  line-height: 34px;
}
.marke_div5_text2_img1 {
  margin: 10px 0 0 59px;
  width: 281px;
  height: 220px;
}
.marke_div5_text2_child3 {
  margin-left: 26px;
  width: 344px;
  height: 289px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
}
.marke_div5_text2_child4 {
  text-align: center;
  width: 386px;
  height: 24px;
  font-size: 24px;
  font-family: Arial;
  font-weight: bold;
  color: #0070c0;
  line-height: 30px;
}
.marke_div5_text3 {
  margin: 58px 0 0 22px;
  float: left;
  width: 297px;
  height: 720px;
  border: 3px solid #808080;
  border-radius: 10px;
}
.marke_div5_text3_child {
  margin: 30px 0 0 80px;
  height: 26px;
  font-size: 36px;
  font-family: Arial;
  font-weight: bold;
  color: #666666;
  line-height: 34px;
}
.marke_div5_text3_child2 {
  margin: 30px 0 0 80px;
  height: 29px;
  font-size: 28px;
  font-family: Arial;
  font-weight: bold;
  color: #4472c4;
  line-height: 34px;
}
.marke_div5_text3_img1 {
  margin: 30px 0 0 61px;
  width: 169px;
  height: 169px;
}
.marke_div5_text3_child3 {
  margin: 30px 0 0 18px;
  width: 275px;
  height: 174px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
}
.marke_div5_text3_child4 {
  margin: 100px 0 0 56px;
  height: 22px;
  font-size: 28px;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
  line-height: 30px;
}
.marke_div5_text4 {
  float: left;
  margin: 58px 0 0 22px;
  width: 325px;
  height: 720px;
  border: 3px solid #ff2020;
  border-radius: 10px;
}
.marke_div5_text4_child3 {
  margin: 30px 0 0 48px;
  width: 252px;
  height: 129px;
  font-size: 28px;
  font-family: Arial;
  font-weight: 400;
  color: #4472c4;
  line-height: 36px;
}
.marke_div5_text4_child4 {
  margin: 130px 0 0 66px;
  height: 22px;
  font-size: 28px;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
  line-height: 30px;
}
.marke_div6 {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 1080px;
  background: #f6f6f6;
}
.marke_div6_child {
  float: left;
  margin: 71px 0 0 71px;
  width: 1156px;
  height: 930px;
  background: #ffffff;
  border: 2px solid #999999;
}
.marke_div6_child1 {
  margin: 71px 0 0 21px;
  float: left;
}
.marke_div6_child_text1 {
  margin: 58px 0 0 51px;
  width: 904px;
  height: 118px;
  font-size: 60px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 72px;
}
.marke_div6_child_text2 {
  margin: 0 0 0 51px;
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
  line-height: 48px;
}
.marke_div6_child_img1 {
  margin: 33px 0 0 170px;
  width: 807px;
  height: 516px;
}
.marke_div6_child1_text1 {
  width: 597px;
  height: 296px;
  background: #ffffff;
  border: 2px solid #999999;
}
.marke_div6_child1_text1s {
  margin: 10px 0 0 29px;
  width: 217px;
  height: 29px;
  font-size: 30px;
  font-family: Arial;
  font-weight: bold;
  color: #595959;
  line-height: 48px;
}
.marke_div6_child1_text2s {
  margin: 17px 0 0 29px;
  width: 517px;
  height: 91px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
}
.marke_div6_child1_text3s {
  margin: 30px 0 0 29px;
  width: 468px;
  height: 58px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #c55a11;
  line-height: 25px;
}
.marke_div7 {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 1080px;
  background: #ffffff;
}
.marke_div7_child_text {
  position: absolute;
  top: 121px;
  left: 189px;
  width: 755px;
  height: 48px;
  font-size: 50px;
  font-family: Arial;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div7_child_img1 {
  position: absolute;
  top: 226px;
  left: 180px;
  width: 1570px;
  height: 514px;
}
.marke_div7_child_text1 {
  position: absolute;
  top: 238px;
  left: 525px;
  height: 20px;
  font-size: 26px;
  font-family: Arial;
  font-weight: 400;
  color: #7c7c7c;
}
.marke_div7_child_text2 {
  position: absolute;
  top: 774px;
  left: 327px;
  height: 23px;
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div7_child_text3 {
  position: absolute;
  top: 741px;
  left: 1280px;
  height: 35px;
  font-size: 36px;
  font-family: Arial;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div7_child_img2 {
  position: absolute;
  top: 782px;
  left: 729px;
  width: 167px;
  height: 167px;
}
.marke_div7_child_text4 {
  position: absolute;
  top: 791px;
  left: 904px;
  height: 26px;
  font-size: 34px;
  font-family: Arial;
  font-weight: 400;
  color: #a0a0a0;
  line-height: 72px;
}
.marke_div7_child_text5 {
  position: absolute;
  top: 850px;
  left: 904px;
  width: 776px;
  height: 101px;
  font-size: 30px;
  font-family: Arial;
  font-weight: bold;
  color: #666666;
  line-height: 36px;
}
.marke_div8 {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 1918px;
  height: 1080px;
  background: #ffffff;
  border: 70px solid #f6f6f6;
}
.marke_div8_child {
  margin: 57px 0 0 104px;
  width: 995px;
  height: 48px;
  font-size: 50px;
  font-family: Arial;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div8_child_img1 {
  margin: 47px 0 0 180px;
  width: 1522px;
  height: 514px;
}
.marke_div8_child1_text {
  margin: 0 632px 0 327px;
  display: inline-block;
  width: 319px;
  height: 23px;
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div8_child1_text1 {
  display: inline-block;
  width: 301px;
  height: 35px;
  font-size: 36px;
  font-family: Arial;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div8_child1_text2 {
  margin: 30px 0 0 210px;
  display: inline-block;
  width: 1466px;
  height: 161px;
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 44px;
}
.marke_div9 {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 1918px;
  height: 1080px;
  background: #ffffff;
}
.marke_div9_child {
  margin: 123px 0 0 150px;
  width: 640px;
  height: 38px;
  font-size: 50px;
  font-family: Arial;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div9_child_img1 {
  margin: 30px 0 0 437px;
  width: 1035px;
  height: 784px;
}
.marke_div9_child3 {
  position: absolute;
  top: 231px;
  left: 786px;
  height: 19px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 31px;
}
.marke_div9_child4 {
  position: absolute;
  top: 352px;
  left: 727px;
  height: 19px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 31px;
}
.marke_div9_child5 {
  position: absolute;
  top: 325px;
  left: 1037px;
  width: 256px;
  height: 79px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.marke_div9_child6 {
  position: absolute;
  top: 494px;
  left: 548px;
  width: 286px;
  height: 79px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.marke_div9_child7 {
  position: absolute;
  top: 653px;
  left: 1089px;
  width: 280px;
  height: 79px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.marke_div9_child8 {
  position: absolute;
  top: 912px;
  left: 854px;
  height: 15px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.marke_div10 {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 1080px;
  background: #ffffff;
  border: 70px solid #f6f6f6;
}
.marke_div10_child3 {
  position: absolute;
  top: 231px;
  left: 786px;
  height: 19px;
  font-size: 20px;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
  line-height: 31px;
}
.marke_div10_child {
  margin: 137px 0 0 150px;
  width: 793px;
  height: 47px;
  font-size: 50px;
  font-family: Arial;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 72px;
}
.marke_div10_child_img1 {
  margin: 117px 0 0 158px;
  width: 1559px;
  height: 446px;
}
.marke_div10_child1 {
  margin: 0 0 0 218px;
  width: 1486px;
  height: 61px;
  font-size: 64px;
  font-family: Arial;
  font-weight: bold;
  color: #1a1a1a;
  line-height: 92px;
}
.marke_div10_child2 {
  margin: 0 0 0 586px;
  font-size: 40px;
  font-family: Arial;
  font-weight: 400;
  color: #1a1a1a;
  line-height: 72px;
}
.marke_div11 {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 1080px;
  background: #ffffff;
}
.marke_div11_child_img1 {
  margin: 68px 0 0 465px;
  width: 962px;
  height: 558px;
}
.marke_div11_child_img2 {
  top: 654px;
  left: 542px;
  position: absolute;
  width: 134px;
  height: 138px;
}
.marke_div11_child1 {
  position: absolute;
  top: 696px;
  left: 693px;
  height: 46px;
  font-size: 48px;
  font-family: Arial;
  font-weight: bold;
  color: #585858;
  line-height: 56px;
}
.marke_div11_child2 {
  position: absolute;
  top: 767px;
  left: 696px;
  height: 29px;
  font-size: 30px;
  font-family: Arial;
  font-weight: bold;
  color: #585858;
  line-height: 56px;
}
.marke_div11_child3 {
  position: absolute;
  top: 821px;
  left: 696px;
  height: 28px;
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  color: #00b0f0;
  line-height: 56px;
}
.marke_div11_child_img3 {
  position: absolute;
  top: 921px;
  left: 555px;
  width: 811px;
  height: 54px;
}
</style>